// 组件props

import React from 'react'
import ReactDOM from 'react-dom'

// 函数组件
// const Hello = props => {
//   console.log('函数组件的 props', props)
//   return (
//     <h1>
//       组件通讯 {props.name} {props.age} {props.children}
//     </h1>
//   )
// }

const Hello = ({ name, age, children }) => {
  return (
    <h1>
      组件通讯 {name} {age} {children}
    </h1>
  )
}

// 类组件
// class Hello extends React.Component {
//   render() {
//     console.log(this.props)
//     return (
//       <h1>
//         组件通讯 {this.props.name} {this.props.age} {this.props.children}
//       </h1>
//     )
//   }
// }

// 渲染
ReactDOM.render(
  <Hello name="jack" age={19}>
    我是子节点
  </Hello>,
  document.getElementById('root')
)
